<form class="form-horizontal">
		<h2 class="webform-title">Documents Information</h2>
		<div class="form-group field-document-name required row">
			<label class="control-label col-md-4" for="document-name">Name</label>
			<div class="col-md-6"><input type="text" id="document-name" class="form-control" name="Document[name]" value="{{document.name}}" ng-model="document.name">
			<div class="help-block"></div></div>
		</div>
		<div class="form-group field-document-size row">
			<label class="control-label col-md-4">Size</label>
			<div class="col-md-6">
				<p class="form-control-static" style="padding-top: 7px;vertical-align:baseline; vertical-align: -webkit-baseline-middle; vertical-align:-moz-middle-with-baseline;">{{document.size}}</p>
				<div class="help-block"></div></div>
		</div>
		<div class="form-group field-document-ctime row">
			<label class="control-label col-md-4">Created</label>
			<div class="col-md-6">
				<p class="utc-time" style="padding-top: 7px;vertical-align:baseline; vertical-align: -webkit-baseline-middle; vertical-align:-moz-middle-with-baseline;">{{document.created}}</p>
				<div class="help-block"></div>
			</div>
		</div>
		<div class="form-group field-document-mtime row">
			<label class="control-label col-md-4">Last Modified</label>
			<div class="col-md-6">
				<p class="utc-time" style="padding-top: 7px;vertical-align:baseline; vertical-align: -webkit-baseline-middle; vertical-align:-moz-middle-with-baseline;">{{document.last_modified}}</p>
				<div class="help-block"></div>
			</div>
		</div>
		<div class="form-group field-document-description row">
			<label class="control-label col-md-4" for="document-description">Description</label>
			<div class="col-md-6"><textarea id="document-description" class="form-control" name="Document[description]" ng-model="document.description">{{document.description}}</textarea>
				<div class="help-block"></div></div>
		</div>
		<div class="form-group row">
			<div class="col-md-4"></div>
			<div class="col-md-8">
				<button type="submit" class="btn btn-primary" ng-click="update()">Save Changes</button>
			</div>
		</div>
</form>
<table class="table table-striped table-hover form-table odTable" style="margin-top: 20px;">
	<thead>
	<tr>
		<th>#</th>
		<th>Share Email</th>
		<th>Share Link</th>
		<!--<th>Barcode</th>-->
		<th>Actions</th>
	</tr>
	</thead>
	<tbody>
	<tr ng-repeat="share in shares">
		<td>{{$index + 1}}</td>
		<td>{{ share.share_email ? "Secure Send (" + share.share_email + ")" : "Web Link"}}</td>
		<td><a ng-href="{{share.share_url}}" target="_blank">{{share.share_url}}</a></td>
		<!--<td>-->
			<!--<a data-toggle="modal" data-target="#w{{$index + 1}}"><span class="glyphicon glyphicon-qrcode" style="cursor: pointer;"></span></a>-->
			<!--<div id="w{{$index + 1}}" class="fade modal" role="dialog" tabindex="-1" style="text-align:center">-->
				<!--<div class="modal-dialog ">-->
					<!--<div class="modal-content">-->
						<!--<div class="modal-header">-->
							<!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>-->
							<!--<h2>Barcode</h2>-->
						<!--</div>-->
						<!--<div class="modal-body">-->
							<!--<img ng-src="{{share.barcode_url}}">-->
						<!--</div>-->

					<!--</div>-->
				<!--</div>-->
			<!--</div>-->
		<!--</td>-->
		<td><a class="remove-share" href="" ng-click="deleteShare($index)"><span class="glyphicon glyphicon-trash"></span></a></td>
	</tr>
	</tbody>
</table>